.jzCenter {
    width: 1200px;
    margin: 0 auto;
}
/* 文字行数 */
.ellipsis-one {
    display: block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ellipsis-two {
    width: 100%;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ellipsis-three {
    width: 100%;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.swiper-btn .button{
    width: 50px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #000;
    float: left;
    cursor: pointer;
}
.swiper-btn .button.active{
    color: #fff;
    background: #000;
}
.swiper-btn .swiper-button-prev{
    left: 0;
    outline: none;
}
.swiper-btn .swiper-button-next{
    right: 0;
    outline: none;
}
.swiper-btn .swiper-button-prev.swiper-button-disabled, 
.swiper-btn .swiper-button-next.swiper-button-disabled{
    opacity: 1;
}

/* 头部 */
.headTop {
    height: 120px;
    position: relative;
}
.headTop:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 36px;
    background: #ffb638;
    width: calc((100% - 1200px)/2);
}

.headTop .loginBar {
    font-size: 14px;
    color: #fff;
    height: 100%;
    max-width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
    position: relative;
}

.headTop .loginBar h1 {
    margin: 0;
}

.more-nav {
    width: 102px;
    text-align: center;
}

.headTop .loginBar .logo {
    width: 568px;
    height: 60px;
    position: absolute;
    top: 36px;
}
.headTop .loginBar .cover {
    width: 308px;
    height: 96px;
    position: absolute;
    right: 0;
    bottom: 0;
}
.headTop .loginBar .cover img{
    width: 100%;
    height: 100%;
}

.headTop .loginBar .logo a {
    display: block;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.headTop .loginBar .logo img {
    object-fit: contain;
    width: 500px;
    height: 100%;
}
.headTop .loginBar .logo span{
  color:#622111;
  font-size: 16px;
  margin-left: 10px;
}
.headTop .loginBar .logo span i{
  margin-right: 5px;
  font-size: 12px;
  font-style: normal;
}

.headTop .loginBar .tougrddwx {
    background: #ffb638;
    height: 36px;
    line-height: 36px;
    /* width: 352px; */
    border-radius: 0px 0px 0px 100px;
    z-index: 2;
    position: relative;
}
.headTop .loginBar .tougrddwx .oa{
    float: right;
    margin-left: 24px;
}
.headTop .loginBar .tougrddwx .oa img{
    vertical-align: middle;
}

.headTop .loginBar .tougrddwx .item {
    float: left;
    _display: inline;
    font-size: 12px;
    color: #434343;
    position: relative;
}

.headTop .loginBar .tougrddwx .item a {
    display: block;
    font-size: 12px;
    color: #3c8fa0;
    height: 36px;
    line-height: 36px;
    padding: 0 11px;
    position: relative;
}

.headTop .loginBar .tougrddwx .hiCaozuo {
    line-height: 36px;
}

.headTop .loginBar .tougrddwx .hiCaozuo .zh {
    font-size: 13px;
    color: #fff;
}

.headTop .loginBar .tougrddwx .hiCaozuo a {
    font-size: 13px;
    color: #FFFFFFFF;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    padding-left: 8px;
    padding-right: 8px;
    position: relative;
}
.headTop .loginBar .tougrddwx .hiCaozuo a i{
    font-size: 12px;
    color: #FFFFFFFF;
    margin-right: 5px;
}
.headTop .loginBar .tougrddwx .hiCaozuo a:after {
    content: '';
    position: absolute;
    right: 0;
    top: 13px;
    height: 9px;
    width: 1px;
    background: #FFFFFFFF;
}

.headTop .loginBar .tougrddwx .hiCaozuo a:last-child {
    padding-right: 0;
    border-right: 0;
}
.headTop .loginBar .tougrddwx .hiCaozuo a:last-child:after{
    display: none;
}

.headTop .loginBar .tougrddwx .hiCaozuo a:hover {
    text-decoration: underline;
}

.headTop .loginBar .tougrddwx .hiCaozuo .name {
    display: inline-block;
    vertical-align: middle;
    max-width: 200px;
    overflow: hidden;
}

/* 城市切换start */
.headTop .cityChange{
    margin-top: 60px;
}

.headTop .cityChange .cityList{
    z-index: 20;
    position: absolute;
    left: -40px;
    top: 50px;
    padding: 0;
    border: 1px solid #f5f5f5;
    border-top: 0;
    background: #fefefe url(/scswhg/pc/image/pc0004/cityBg.jpg) no-repeat right bottom;
    -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, .1);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .1);
}
.headTop .cityChange .cityList .current{
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    background: #EDEEF0;
    border-radius: 0;
    color: #262626;
    font-size: 16px;
}
.headTop .cityChange .cityList li{
    font-size: 14px;
    padding: 0 20px;
    line-height: 35px;
    border: 0;
    float: none;
    margin: 0;
    font-size: 14px;
    padding: 0 20px;
    height: 100%;
    border-radius: 0;
}
.headTop .cityChange .cityList .title{
    padding: 0 20px;
    height: 35px;
    line-height: 35px;
    border-bottom: 1px solid #e1e1e3;
    color: #333;
}
.headTop .cityChange .cityList li a {
    display: inline-block;
    color: #333;
    height: 50px;
    line-height: 50px;
    padding: 0 10px;
    border-radius: 0;
}
.headTop .cityChange .cityList li a.on {
    color: #e66363;
}

/* 城市切换end */

.ptHeadLogSear {
    position: relative;
}

.ptHeadLogSear .headerNav {
    background: linear-gradient(90deg, #ffb638 0%, #ffb638 100%);
}

.ptHeadLogSear .headerBar {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}

.loginBar .tougrddwx .cityChange {
    font-size: 13px;
    cursor: pointer;
    position: relative;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin: 0;
    padding-left: 44px;
}
.loginBar .tougrddwx .cityChange .cityChangeIcon{
    color: #fff;
    font-size: 13px
}

.headerBar .menuListBox li {
    float: left;
    text-align: center;
    height: 100%;
    position: relative;
    width: calc(100% / 9);
}
.headerBar .menuListBox li .is-more:after {
    content: '';
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -2.5px;
    width: 9px;
    height: 5px;
    background: url(/image/arrow.png) no-repeat;
    transform: rotate(180deg);
    
}
.headerBar .menuListBox li:hover {
    background: rgba(0, 0, 0, 0.1);
}
.headerBar .menuListBox li:hover .tit{
    color: #fff;
    font-weight: bold;
}
.headerBar .menuListBox li .is-more.is-rotate:after {
    transform: rotate(0deg);
}
.headerBar .menuListBox li .more{
    min-width: 180px;
    display: block;
    position: absolute;
    top: 60px;
    color: #fff;
    background: #ffb638;
    z-index: 999;
    left: 50%;
    transform: translateX(-50%);
}
.headerBar .menuListBox li .more a{
    display: block;
    font-weight: 500;
    text-align: center;
    font-size: 16px;
    color: #fff;
    height: 40px;
    line-height: 40px;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.headerBar .menuListBox li .is-more:hover:after {
	transform: rotate(0deg);
}

.headerBar .menuListBox li .is-more:hover .more{
	display: block;
}

.headerBar .menuListBox li .is-more .more{
	display: none;
}

.headerBar .menuListBox li .more a:hover{
   	background: rgba(0, 0, 0, 0.1);
}


/* 头部搜索 start*/
.headSearDiv {
    position: relative;
    background-color: transparent;
    height: 36px;
    line-height: 36px;
    padding-left: 36px;
}
.headSearDiv .ac-ctrl{
    background: #fff;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    margin-top: 3px;
}

.headSearDiv .selDiv {
    float: left;
    font-size: 12px;
    color: #666;
    position: relative;
    text-align: left;
    min-width: 84px;
}

.headSearDiv .selDiv dt {
    display: block;
    background: url(/image/hp_arrow1.png) no-repeat right center;
    background-size: 14px;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    color: #4a4a4a;
    padding-left: 10px;
    padding-right: 20px;
}

.headSearDiv .selDiv dd {
    width: 100%;
    background-color: #fff;
    border: 1px solid #e8e8e8;
    position: absolute;
    left: 0;
    top: 32px;
    z-index: 3;
}

.headSearDiv .selDiv dd a {
    display: block;
    color: #666;
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
}

.headSearDiv .selDiv dd a.cur {
    background-color: #ffb638;
    color: #fff;
}

.headSearDiv .stxt {
    float: left;
    font-size: 13px;
    border: none;
    outline: none;
    color: #4a4a4a;
    background-color: transparent;
    width: 141px;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
}


.headSearDiv .search-icon {
    position: absolute;
    background: url(/image/hp_sear.png) no-repeat center;
    background-size: 12px 12px;
    width: 12px;
    height: 12px;
    right: 12px;
    outline: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    top: 12px;
}
.headSearDiv .search-ctrl {
    position: relative;
    width: 70px;
    height: 36px;
    line-height: 36px;
    float: left;
}

.headSearDiv .search-ctrl .stxt {
    float: left;
    width: 44px;
    font-size: 13px;
    color: #fff;
    border: none;
    padding-left: 18px;
    outline: none;
    height: 36px;
    line-height: 37px;
    background-color: transparent;
}

.headSearDiv .search-ctrl .search-icon {
    position: absolute;
    background: url(/image/search-line.png) no-repeat center;
    background-size: 12px 12px;
    width: 12px;
    height: 12px;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    outline: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}
.headSearDiv .search-ctrl .stxt::-webkit-input-placeholder {
    color: #fff;
}
/* 头部搜索end */


.headNavListWc {
    background-color: #fafafa;
    border-bottom: 1px solid #e2e2e2;
}

.headerBar .headNavList {
    height: 60px;
    line-height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.headerBar .headNavList li:first-child {
    margin: 0;
}


.more-nav {
    position: absolute;
    top: 100%;
    right: 0;
    display: none;
    padding: 16px;
    z-index: 999;
    background: #323236FF;
}

.more-nav a {
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    height: 35px;
    line-height: 35px;
}

.more-nav a:hover,
.more-nav a:focus,
.more-nav a:visited {
    color: #FFFFFF;
}

.headerBar .headNavList li.cur{
    background: rgba(0, 0, 0, 0.1);
}

.headNavList li .tit {
    display: block;
    font-size: 17px;
    color: #FFFFFFFF;
    text-align: center;
    height: 100%;
    line-height: 60px;
    width: 100%;
    white-space: nowrap;
}

/* end 头部 */


/* 公共头部start */

.common-section-title {
    position: relative;
    margin-bottom: 19px;
}

.common-section-title .title {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    color: #333333;
    font-size: 24px;
    font-weight: 600;
    font-family: PingFangSC-Medium, PingFang SC;
}

.common-section-title .title em {
    color: #919191;
    font-size: 15px;
    margin-left: 8px;
}

.common-section-title .titImg {
    display: inline-block;
    height: 40px;
}

.section-tabs-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.section-tabs-box .nav-container {
    flex: 1;
}
.section-tabs-box .nav-container .swiper-slide{
    padding: 0 17px;
    text-align: center;
    width: auto;
    box-sizing: border-box;
    height: 36px;
    line-height: 36px;
    border-radius: 18px;
    color: #ffb638;
    border: 1px solid #ffb638;
    font-size: 16px;
}
.section-tabs-box .nav-container .swiper-slide.active{
    color: #fff;
    border: 0;
    background: #ffb638;
}
.section-tabs-box a {
    float: right;
    font-size:16px;
    text-align: center;
    width: 108px;
    height: 34px;
    line-height: 34px;
    background: #FFFFFF;
    border-radius: 18px;
    color: #ffb638;
    border: 1px solid #ffb638;
}
.section-tabs-box a i{
    color:#ffb638;
}
/* 公共头部end */



/* banner */
.banner-swiper .swiper-slide {
    height: 640px;
    width: 100%;
}

.banner-swiper .swiper-slide a {
    width: 100%;
    height: 100%;
    display: block;
}

/* 自定义分页器部分 */
.banner-swiper .swiper-pagination-bullets {
    bottom: 24px;
    height: 8px;
}

.banner-swiper .swiper-pagination-bullet {
    width: 28px;
    height: 6px;
    border-radius: 2px;
    background:rgba(255,255,255,0.29);;
    margin: 0 4px;
}

.banner-swiper .swiper-pagination-bullet-active {
    background-color: #ffb638;
}

/* 精彩推荐 start*/
.trainWrapper {
    padding-top: 42px;
    padding-bottom: 28px;
}
.syListWcAll {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.syListWcAll .venuesList {
    padding: 0;
}
.syListWcAll .venuesList li{
    width: 285px;
    margin-right: 20px;
    background: #fff;
    border-radius: 4px;
}
.syListWcAll .venuesList li:nth-child(4n) {
    margin-right: 0;
}

.syListWcAll .venuesList li a {
    position: relative;
}
.syListWcAll .venuesList li a span{
    position: absolute;
    left: 0;
    top: 0;
    padding: 2px 4px;
    color: #fff;
    font-size: 12px;
    border-top-left-radius: 3px;
    border-bottom-right-radius: 3px;
    z-index: 2;
    background: #ffb638;
    white-space: nowrap;
}
.syListWcAll .venuesList .pic {
    height: 161px;
    margin-bottom: 15px;
}

.syListWcAll .venuesList .pic img {
    display: block;
    width: 100%;
    height: 100%;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.syListWcAll .venuesList li .char {
    height: 44px;
}

.syListWcAll .venuesList .char .titEr {
    padding: 0 16px;
    font-size: 16px;
    color: #333;
    width: auto;
}
/* 精彩推荐 end*/


/* 精彩活动start */
.curturalBox {
    position: relative;
    padding-top: 28px;
    padding-bottom: 62px;
}

.curturalBox .wrapper {
    position: relative;
    box-sizing: border-box;
}

.listItemBox {
    position: absolute;
    right: 10.9368vw;
    top: 0;
    z-index: 20;
}

@media screen and (min-width: 1440px) and (max-width:1700px) {
    .listItemBox {
        right: 6.9368vw;
    }
}

@media screen and (min-width: 1200px) and (max-width:1440px) {
    .listItemBox {
        right: 0;
    }
}

.listItemBox p {
    width: 44px;
    height: 44px;
    padding: 10px;
    text-align: center;

    background: {
        $css
    }

    ;
    margin-top: 20px;
}

.listItemBox p a {
    color: #fff;
}

.listBox {
    width: 64px;
    height: 100%;
    position: relative;
}

.bg-img-style {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 64px;
    height: inherit;
}

.bg-img {
    height: initial;
}

.listBox li {
    margin: 0 12px;
    padding: 20px 0;
    text-align: center;
    border-bottom: 1px solid #E7F5FA;
}

.listBox li a {
    color: #fff;
    display: block;
}

.listBox li a img {
    display: block;
    width: 100%;
    height: 100%;
}

.listBox li .previewBox {
    position: relative;
}

.listBox li .previewBox .preview {
    display: none;
    width: 160px;
    height: 160px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -80px;
    margin-left: -173px;
}

.listBox li .previewBox:hover .preview {
    display: block;
}

.listBox li:last-child {
    border-bottom: 0;
}

.curturalBox .swiperZixun {
    width: 640px;
    float: left;
    position: relative;
}
.curturalBox .swiperZixun .swiper-pagination {
    left: 20px;
    text-align: left;
    width: auto;
}
.curturalBox .swiperZixun .swiper-pagination-bullet{
    width: 28px;
    height: 2px;
    border-radius: 0;
    background: rgba(255,255,255,0.39);
}
.curturalBox .swiperZixun .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: #ffb638;
}
.curturalBox .swiperZixun .swiper-button-prev{
    background-image: url('/image/prev.png');
    left: 0;
}
.curturalBox .swiperZixun .swiper-button-next{
    background-image: url('/image/next.png');
    right: 0;
}
.curturalBox .swiperZixun .swiper-button-prev.swiper-button-disabled, 
.curturalBox .swiperZixun .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    pointer-events: unset;;
}

.curturalBox .swiperZixun .swiper-slide {
    width: 640px;
    height: 360px;
    position: relative;
    overflow: hidden;
}

.curturalBox .swiperZixun .img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 4px;
}

.curturalBox .swiperZixun .black {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    color: #fff;
    font-size: 20px;
    padding: 0 20px;
    box-sizing: border-box;
    height: 80px;
    line-height: 66px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
}

.curturalBox .swiperZixun .dateBox {
    width: 64px;
    height: 64px;
    margin: 24px;
    background: #e66363;
}

.curturalBox .swiperZixun .dateBox p {
    color: #fff;
    text-align: center;
    height: 24px;
    line-height: 24px;
}

.curturalBox .swiperZixun .dateBox .day {
    margin-top: 10px;
}

.curturalBox .swiperZixun .content {
    width: calc(100% - 112px);
    margin-top: 24px;
    margin-bottom: 25px;
}

.curturalBox .swiperZixun .content .title {
    color: #333;
    font-weight: 600;
}

.curturalBox .swiperZixun .content .subTitle {
    color: #333;
}

.curturalBox .swiperZixun .tit {
    width: 370px;
    font-size: 18px;
    color: #fff;
    position: absolute;
    left: 22px;
    bottom: 14px;
    line-height: 24px;
    max-height: 48px;
    _max-height: 48px;
    overflow: hidden;
}

.curturalBox .syZixunUl {
    float: right;
    width: 540px;
    height: 360px;
    background-color: #fff;
    overflow: hidden;
    padding: 30px 28px;
    box-sizing: border-box;
}

.curturalBox .syZixunUl li {
    width: 100%;
    margin-bottom: 34px;
    position: relative;
}
.curturalBox .syZixunUl li.active p{
    color: #ffb638;
}

.curturalBox .syZixunUl li:last-child {
    margin-bottom: 0;
}

.curturalBox .syZixunUl li a {
    display: block;
    width: 100%;
    height: 100%;
}

.curturalBox .syZixunUl li .dateBox {
    position: relative;
}
.curturalBox .syZixunUl li .dateBox img{
    width: 140px;
    height: 78px;
    border-radius: 4px;
    margin-right: 16px;
}

.curturalBox .syZixunUl li .content {
    width: calc(100% - 212px);
    box-sizing: border-box;
}


.curturalBox .syZixunUl li .title {
    color: #333333;
    font-size: 16px;
    height: 48px;
    line-height: 24px;
    margin-bottom: 9px;
    box-sizing: border-box;
}

.curturalBox .syZixunUl li .subTitle {
    color: #999;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
}
/* 文化资讯 */

/* 每日文化 */
.cultural-container {
    height: 160px;
}

.cultural-content {
    height: 100%;
    width: 1200px;
    margin: 0 auto;
}

.cultural-title {
    width: 120px;
    position: relative;
    height: 100%;
    float: left;
    margin-right: 20px;
    padding: 50px 28px 48px;
    box-sizing: border-box;
    background-color: #232326;
}

.cultural-info {
    height: 100%;
    width: 1060px;
    float: right;
}

.cultural-list {
    float: left;
    display: block;
    width: 520px;
    height: 100%;
    padding: 52px 36px;
    box-sizing: border-box;
}

.cultural-date {
    width: 47px;
    float: left;
    box-sizing: border-box;
    text-align: center;
}

.cultural-date .day {
    font-size: 36px;
    color: #666;
    font-weight: 400;
    line-height: 36px;
}

.cultural-date .year-month {
    font-size: 12px;
    font-weight: 400;
    color: #999;
    line-height: 12px;
}

.cultural-intro {
    width: 380px;
    float: left;
    margin-left: 21px;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    color: #333333;
    text-overflow: ellipsis;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.cultural-img {
    width: 65px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.cultural-text {
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 160px;
}

/* 艺术培训 */
.art-training {
    width: 100%;
    padding: 136px 0 118px 0;
    background-color: #282828;
    box-sizing: border-box;
    position: relative;
}

.art-container {
    height: 432px;
    width: 1200px;
    margin: 0 auto;
}

.art-title {
    /* width: 100%; */
    margin-bottom: 36px;
}
.art-title .more{
    float: right;
    font-size:16px;
    text-align: center;
    width: 108px;
    height: 36px;
    line-height: 36px;
    background: #FFFFFF;
    border-radius: 18px;
    color: #EE892F;
    border: 1px solid #EE892F;
}

.art-title-img {
    width: 315px;
    height: 36px;
    float: left;
}
.art-title-img img{
    object-fit: contain;
}

.art-title-text {
    color: #333;
    font-size: 28px;
    font-weight: 500;
    float: left;
}

.art-swiper {
    position: absolute;
    right: 0;
    width: 1185px;
    height: 432px;
}

.art-swiper .swiper-slide {
    width: 100%;
    height: 100%;
}

.art-swiper .swiper-slide-active .art-swiper-img {
    position: relative;

}

.art-swiper .swiper-slide-active .art-swiper-img:first-child {
    width: 768px;
    height: 100%;
    float: left;
}

.art-swiper .swiper-slide-active .is-show-one-img:last-child {
    width: 377px;
    height: 100%;
    float: right;
}

.art-swiper .swiper-slide-active .art-swiper-img .art-swiper-content {
    position: absolute;
    bottom: 28px;
    left: 40px;
}

.art-swiper .swiper-slide-active .art-swiper-img .art-info-title {
    width: 554px;
    font-size: 20px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    margin-bottom: 8px;
}

.art-swiper .swiper-slide-active .art-swiper-img .art-info-time-adress {
    width: 554px;
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 24px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

.art-training .swiper-pagination-bullets {
    bottom: 118px;
    height: 52px;
}

.venue-subscribe .swiper-wrapper {
    height: 416px;
    margin-bottom: 80px;
}
.venue-subscribe .swiper-btn {
    text-align: center;
    width: 142px;
    height: 30px;
    margin: 0 auto;
    position: relative;
}
.venue-subscribe .swiper-btn .button{
    width: 69px;
}
.venue-subscribe .swiper-btn .swiper-button-prev,
.venue-subscribe .swiper-btn .swiper-button-next{
    background-image: none;
}
.venue-subscribe .swiper-btn .swiper-button-next{
    width: 69px;
}

/* 自定义分页器部分 */
.venue-subscribe .swiper-pagination-bullets {
    bottom: 0;
}

.venue-subscribe .swiper-pagination-bullets .swiper-pagination-bullet {
    border: 1px solid #000;
    box-sizing: border-box;
}

.venue-subscribe .swiper-pagination-bullets .swiper-pagination-bullet,
.art-training .swiper-pagination-bullets .swiper-pagination-bullet {
    width: 88px;
    height: 52px;
    border-radius: 0;
    margin: 0;
    position: relative;
    opacity: 1;
}

.art-training .swiper-pagination-bullets .swiper-pagination-bullet:first-child:before,
.art-training .swiper-pagination-bullets .swiper-pagination-bullet:last-child:before {
    display: block;
    content: "";
    height: 11px;
    width: 11px;
    position: absolute;
    border-width: 2px 2px 0 0;
    border-style: solid;
    left: 50%;
    top: 50%;
}

.art-training .swiper-pagination-bullets .swiper-pagination-bullet:first-child:before,
.art-training .swiper-pagination-bullets .swiper-pagination-bullet:last-child:before {
    border-color: #878787;
}

.venue-subscribe .swiper-pagination-bullets .swiper-pagination-bullet:first-child:before,
.art-training .swiper-pagination-bullets .swiper-pagination-bullet:first-child:before {
    transform: translate(-50%, -50%) rotate(-135deg);
}

.venue-subscribe .swiper-pagination-bullets .swiper-pagination-bullet:last-child:before,
.art-training .swiper-pagination-bullets .swiper-pagination-bullet:last-child:before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.venue-subscribe .swiper-pagination-bullets .swiper-pagination-bullet:first-child:before,
.venue-subscribe .swiper-pagination-bullets .swiper-pagination-bullet:last-child:before {
    border-color: #fff;
}

.art-training .swiper-pagination-bullet-active {
    background-color: #878787;
}

.venue-subscribe .swiper-pagination-bullet {
    background-color: #000;
}

.venue-subscribe .swiper-pagination-bullet-active {
    background-color: #fff;
}

.art-training .swiper-pagination-bullets .swiper-pagination-bullet-active:first-child:before,
.art-training .swiper-pagination-bullets .swiper-pagination-bullet-active:last-child:before {
    border-color: #000;
}

.venue-subscribe .swiper-pagination-bullets .swiper-pagination-bullet-active:first-child:before,
.venue-subscribe .swiper-pagination-bullets .swiper-pagination-bullet-active:last-child:before {
    border-color: #000;
}

/* 资讯中心 */
.info-center {
    padding: 56px 0 61px 0;
    background-image: linear-gradient(to right, #F7F7F7 50%, #fff 50%, #fff);
}

.info-container {
    width: 1200px;
    margin: 0 auto;
}

.info-title {
    text-align: center;
    color: #3C3C3C;
    font-size: 36px;
    font-weight: 500;
    line-height: 36px;
    margin-bottom: 36px;
}

.info-title-img {
    width: 261px;
    margin: 0 auto;
}

.info-list {
    display: block;
    padding: 28px 0;
    box-sizing: border-box;
    width: 560px;
    float: left;
}

.info-list:nth-child(even) {
    margin-left: 80px;
}

.info-date {
    float: left;
    text-align: center;
    border-right: 1px solid #E0E0E0;
    padding-right: 44px;
}

.info-intro {
    margin-left: 98px;
    padding-left: 36px;
    width: 426px;
}

.info-date .day {
    font-size: 48px;
    color: #3C3C3C;

    font-weight: 400;
    line-height: 48px;
}

.info-date .year-month {
    font-size: 12px;
    font-size: 14px;
    color: #666;
    line-height: 24px;
}

.info-intro-title {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    font-size: 16px;
    font-weight: 600;
    color: #333333;
    line-height: 26px;
}

.info-intro-content {
    text-overflow: ellipsis;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    color: #666666;
    -webkit-box-orient: vertical;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    word-break: break-all;
}

.info-content-swiper .swiper-pagination-bullets {
    bottom: 0;
}

.info-content-swiper .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
}

.info-content-swiper .swiper-pagination-bullet-active {
    background-color: #AB0002;
}

/* 活动预约 */
.activity-subscribe {
    position: relative;
    box-sizing: border-box;
    padding-top: 62px;
    padding-bottom: 40px;
}
.activity-subscribe:after {
    content: '';
    position: absolute;
    background: url('/image/activitybg.png') no-repeat center center;
    background-size: 100% 100%;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    z-index: -1;
}

.activity-container {
    width: 1200px;
    position: absolute;
    left: 50%;
    top: 0;
    padding-top: 56px;
    box-sizing: border-box;
    transform: translate(-50%, 0);
}



.activity-subscribe-title {
    text-align: center;
    color: #fff;
    font-size: 36px;
    font-weight: 500;
    line-height: 36px;
    margin-bottom: 56px;
}

.activity-subscribe-title-img {
    width: 337px;
    margin: 0 auto;
}

.activity-subscribe-footer-content {
    background-color: #fff;
    padding: 18px 20px 22px;
    box-sizing: border-box;
}

.activity-subscribe-footer-title {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    font-size: 16px;
    font-weight: 500;
    color: #333333;
    line-height: 22px;
    margin-bottom: 14px;
}
.activity-subscribe .active-item {
    width: 285px;
    float: left;
    display: block;
    position: relative;
    margin-right: 20px;
    margin-bottom: 21px;
}
.activity-subscribe .active-item:nth-child(4n){
    margin-right: 0;
}
.activity-subscribe .active-item .picture {
    width: 100%;
    height: 161px;
    display: block;
}
.activity-subscribe .active-item .picture img{
    width: 100%;
    height: 100%;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.activity-subscribe-footer-date a div {
   line-height: 16px;
   margin-bottom: 12px;
}
.activity-subscribe-footer-date .iconfont {
    color: #CCC;
    vertical-align: middle;
}

.activity-subscribe-footer-date .icon-dizhi {
    font-size: 18px;
    margin-left: -2px;
}

.activity-subscribe-footer-date .icon-shizhong {
    font-size: 13px;
    margin-right: 3px;
}

.activity-subscribe-footer-date .btn {
    color: #fff;
    text-align: center;
    width: 245px;
    height: 32px;
    border-radius: 4px;
    margin: 0 auto;
    line-height: 32px;
    margin-top: 17px;
    font-size: 14px;
    display: block;
}

.activity-subscribe-footer-date .bgc-red{
    background: #E12120;
}
.activity-subscribe-footer-date .bgc-yellow{
    background: #ffb638;
}
.activity-subscribe-footer-date .bgc-line {
    color: #ffb638;
    border: 1px solid #ffb638;
    background: transparent;
}

.activity-subscribe-footer-date .bgc-gray {
    background: #BBBBBB;
}

.activity-subscribe-footer-date .bgc-orange {
    background: #ffb638;
}

.activity-subscribe-time-adress {
    font-size: 14px;
    line-height: 16px;
    max-width: 224px;
    color: #999;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

/* 场馆预订 start*/
.venue-describ {
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 41px;
}
.venue-describ .culturalCon .content {
	width: 624px;
	margin-right: 24px;
}
.venue-describ .culturalCon .content a{
    height: 351px;
    position: relative;
	display: block;
	width: 100%;
    margin-bottom: 12px;
}
.venue-describ .culturalCon .imgBox {
    width: 100%;
    height: 100%;
}

.venue-describ .culturalCon img {
    display: block;
    width: 100%;
    height: 100%;
	border-radius: 4px;
}

.venue-describ .culturalCon .content .desc{
    color: #333;
    font-size: 16px;
}

.venue-describ .rightCon{
	width: 552px;
	height: 389px;
	overflow: hidden;
}
.venue-describ .rightCon li{
	width: 264px;
	margin-right: 24px;
	margin-bottom: 18px;
    text-overflow: ellipsis;
    overflow: hidden;
}
.venue-describ .rightCon li:nth-child(2n){
	margin-right: 0;
}
.venue-describ .rightCon li a{
	display: block;
	width: 100%;
	position: relative;
	height: 149px;
    margin-bottom: 8px;
}
.venue-describ .rightCon li a img{
    width: 100%;
    border-radius: 4px;
	height: 149px;
}
.venue-describ .rightCon li .desc{
	color: #333;
    white-space: nowrap;
    height: 26px;
    line-height: 26px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.venue-describ .feiBoxUl {
    margin-top: 48px;
}

.venue-describ .feiBoxUl li {
    /* width: 228px; */
    height: 152px;
    margin-right: 15px;
    background-color: #ccc;
    position: relative
}

.venue-describ .feiBoxUl li.swiper-slide-active {
    border: 2px solid #CA0C0C;
}

.venue-describ .feiBoxUl li:last-child {
    margin-right: 0;
}

.venue-describ .feiBoxUl li a {
    display: block;
    width: 100%;
    height: 100%;
}

.venue-describ .feiBoxUl li img {
    width: 100%;
    height: 100%;
}

/* 场馆预订 end*/


.hover-show-content {
    box-sizing: border-box;
    width: 100%;
    height: 176px;
    position: absolute;
    bottom: 0;
    color: #FFFFFF;
    left: 0;
    right: 0;
    background:rgba(187,0,21,0.8);
    display: none;
}

.hover-show-info {
    width: 100%;
    text-align: center;
    color: #fff;
}

.hover-show-info .hover-show-info-title {
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    font-size: 20px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 20px;
    margin-bottom: 28px;
    margin-top: 37px;
    margin-left: 20px;
    margin-right: 20px;
}

.hover-show-info .info {
    margin-bottom: 8px;
}
.hover-show-info .item {
    width: 100%;
    color: #FFFFFF;
    font-size: 14px;
}
.hover-show-info .iconfont {
    color: #fff;
    vertical-align: middle;
}

.hover-show-info .icon-dizhi {
    font-size: 18px;
    margin-left: -2px;
}

.hover-show-info .icon-shizhong {
    font-size: 13px;
    margin-right: 3px;
}

/* 图片样式设置 */
.chao-yang-container .img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

/* 平台统计 */
.statistics {
    background: url('/image/flag-bg.png') no-repeat center center;
    background-size: 100% 100%;
    height: 241px;
    margin-bottom: 138px;
}
.statistics .tit{
    color: #fff;
    font-size: 30px;
    text-align: center;
    padding-top: 72px;
    padding-bottom: 34px;
}
.statistics .tit img{
    width: 40px;
    height: 40px;
    margin-right: 8px;
    vertical-align: middle;
}
.statistics .list{
    background: #fff;
    height: 178px;
    padding: 30px 0;
    box-sizing: border-box;
    box-shadow:0px 2px 12px 0px rgba(0,0,0,0.12);
    border-radius:4px;
    display: flex;
    justify-content: space-around;
}
.statistics .list .item{
    text-align: center;
    position: relative;
    flex: 1;
}
.statistics .list .item:after{
    content: '';
    width: 1px;
    height: 80px;
    position: absolute;
    top: 19px;
    right: 0;
    background: #EAEAEA;
}
.statistics .list .item:last-child:after{
    display: none;
}
.statistics .list .item .cover{
    margin-bottom: 7px;
}
.statistics .list .item .cover img{
    width: 35px;
    height: 33px;
    margin-bottom: 7px;
    object-fit: contain;
}
.statistics .list .item .cover p{
    font-size: 16px;
    color: #666;
}
.statistics .list .item .num{
    font-size: 28px;
    color: #333;
    height: 40px;
    line-height: 40px;
}

/* 培训 start*/
.culturalTraining {
    margin-bottom: 72px;
}

.culturalTraining .newsListWc {
    width: 1200px;
    margin: 20px auto 0;
    overflow: hidden;
    padding-bottom: 30px;
}

.culturalTraining .newsList {
    margin-right: 0;
    width: 100%;
}

.culturalTraining .newsList li {
    width: 588px;
    height: 180px;
    float: left;
    margin-right: 20px;
    margin-bottom: 30px;
    background: none;
    box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.08);
    border-radius: 4px;
    padding-bottom: 0;
    overflow: hidden;
}

.culturalTraining .newsList li:nth-child(2n) {
    margin-right: 0;
}

.culturalTraining .newsList .xiang {
    display: block;
    height: 180px;
    background-color: #fff;
    border: 0;
}

.culturalTraining .newsList .pic {
    width: 270px;
    height: 180px;
    margin-right: 24px;
    position: relative;
}

.culturalTraining .newsList .pic img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.culturalTraining .newsList .char {
    width: 272px;
    margin-left: 0;
    height: 100%;
}

.culturalTraining .newsList .char .titEr {
    height: 28px;
    line-height: 28px;
    font-size: 18px;
    color: #333;
    margin-bottom: 23px;
    margin-top: 23px;
}

.culturalTraining .newsList .char .zyWen {
    font-size: 14px;
    color: #666;
    height: 24px;
    line-height: 24px;
    margin-bottom: 4px;
}

.culturalTraining .newsList .char .zyWen em {
    color: #999;
    font-size: 14px;
}

/* 培训 end*/


/* 场馆预订 start*/
.hotspace {
    position: relative;
    z-index: 1;
    padding-top: 40px;
    padding-bottom: 75px;
}
.hotspace .content {
    width: 1200px;
    margin: 0 auto;
    z-index: 2;
}
.hotspace .art-title {
    padding-top: 48px;
}
.hotspace .art-title .art-title-text{
    color: #fff;
}
.hotspace .art-title .more{
    width: 108px;
    height: 36px;
    background: #FFFFFF;
    border-radius: 18px;
    border: 1px solid #EE892F;
}


.hotspace .culturalVenue {
    position: relative;
}
.hotspace .culturalVenue .culturalCon .content {
    margin-bottom: 40px;
}
.hotspace .culturalVenue .culturalCon .swiper-button-prev {
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #929292;
    margin-top: 0;
    background-image: none;
    background: #F3F3F5;
    border: 1px solid #000000;
}

.hotspace .culturalVenue .culturalCon .swiper-button-next {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    margin-top: 0;
    background-image: none;
    background: #000;
    border: 1px solid #000000;
}

.hotspace .culturalVenue .culturalCon .swiper-button-prev.swiper-button-disabled, 
.hotspace .culturalVenue .culturalCon .swiper-button-next.swiper-button-disabled {
    opacity: 1;;
}

.hotspace .culturalVenue .culturalCon .imgBox {
    width: 790px;
    height: 442px;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
}
.hotspace .culturalVenue .culturalCon .imgBox .tag{
    width: 60px;
    height: 25px;
    line-height: 25px;
    background: #E89A2D;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    position: absolute;
    left: 0;
    top: 17px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    z-index: 22;
}
.hotspace .culturalVenue .culturalCon .imgBox .tit{
    color: #fff;
    font-size: 16px;
    position: absolute;
    left: 80px;
    top: 17px;
    z-index: 22;
    width: 700px;
}
.hotspace .culturalVenue .culturalCon .video{
    width: 790px;
    height: 442px;
    float: left;
    position: relative;
}
.hotspace .culturalVenue .culturalCon .video .prism-big-play-btn {
    left: 50% !important;
    top: 50% !important;
    bottom: 0 !important;
    transform: translate(-50%,-50%);
    width: 72px;
    height: 72px;
    background: url(/image/play.png) no-repeat;
}
.hotspace .culturalVenue .culturalCon .video .prism-big-play-btn .outter{
    border: 0;
}

.hotspace .culturalVenue .culturalCon .video  .prism-player .prism-controlbar .prism-controlbar-bg {
    background-color: rgba(0, 0, 0, .4);
}
.hotspace .culturalVenue .culturalCon .video > div{
    width: 100%;
    height: 100%;
}
.hotspace .culturalVenue .culturalCon .video video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hotspace .culturalVenue .culturalCon .video .is-play{
    position: absolute;
    left: 50%;
    top: 50%;
    width:72px;
    height:72px;
    transform: translate(-50%,-50%);
}


.hotspace .culturalVenue .culturalCon img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.hotspace .culturalVenue .culturalCon .is-play{
    width:72px;
    height:72px;
}
.hotspace .culturalVenue .culturalCon .rightCon {
    width: 383px;
    height: 442px;
    position: relative;
}
.hotspace .culturalVenue .culturalCon .rightCon .swiper-box{
    position: absolute;
    right: 0;
    width: 384px;
}

.hotspace .culturalVenue .culturalCon .rightCon .swiper-box{
    position: absolute;
    right: 0;
    width: 384px;
}


.hotspace .culturalVenue .rightCon h2 {
    color: #333;
    font-size: 20px;
    height: 28px;
    line-height: 28px;
    margin-bottom: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 383px;
}
.hotspace .culturalVenue .rightCon .desc {
    color: #666;
    font-size: 14px;
    margin-bottom: 13px;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: auto;
}
.hotspace .culturalVenue .rightCon .desc.more {
    height: 76px;
}
.hotspace .culturalVenue .rightCon .desc label {
    cursor: pointer;
    position: absolute;
    bottom: 0;
    right: 0;
    color: #ffb638;
    font-size: 14px;
    width:90px;
    text-align: right;
    height: 22px;
    line-height: 22px;
}
.hotspace .culturalVenue .rightCon .descParent {
    min-height: 60px;
    position: relative;
}
.hotspace .culturalVenue .rightCon .boxOrientNo{
    box-orient: inherit;
    -webkit-box-orient: inherit;
}
.hotspace .culturalVenue .rightCon .time {
    margin-bottom: 20px;
}

.hotspace .culturalVenue .rightCon .time em {
    color: #999;
    font-size: 12px;
    margin-right: 24px;
}
.hotspace .culturalVenue .rightCon .time span {
    color: #999;
    font-size: 12px;
    margin-right: 12px;
}
.hotspace .culturalVenue .rightCon .time span i{
    color: #999;
    font-size: 12px;
    margin-right: 5px;
}
.hotspace .culturalVenue .rightCon .time span img{
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: sub;
    margin-right: 4px;
}
.hotspace .culturalVenue .rightCon .swiper-btn {
    float: right;
    width: 100px;
    height: 30px;
    position: relative;
    margin-bottom: 27px;

}
.hotspace .culturalVenue .rightCon .swiper-btn .button{
    width: 50px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border: 1px solid #000;
    float: left;
    cursor: pointer;
}
.hotspace .culturalVenue .rightCon .swiper-btn .button.active{
    color: #fff;
    background: #000;
}


.hotspace .culturalVenue .feiBoxUl li {
    width: 180px;
    height: 101px;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
}
.hotspace .culturalVenue .feiBoxUl li.swiper-slide-active {
    border: 1px solid #BB0015;
}
.hotspace .culturalVenue .feiBoxUl li a{
    position: relative;
    width: 100%;
    height: 100%;
}
.hotspace .culturalVenue .feiBoxUl li p{
    width: 56px;
    height: 20px;
    line-height: 22px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    position: absolute;
    left: 0;
    top: 0;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background: #BB0015;
    z-index: 2;
}

.hotspace .culturalVenue .feiBoxUl .shadowText {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 29px;
    line-height: 29px;
    background:rgba(0,0,0,0.6);
    color: #fff;
    font-size: 12px;
    padding: 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.hotspace .culturalVenue .feiBoxUl li:last-child {
    margin-right: 0;
}

.hotspace .culturalVenue .feiBoxUl li a {
    display: block;
    width: 100%;
    height: 100%;
}

.hotspace .culturalVenue .feiBoxUl li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* 场馆预订 end*/

.venue-container {
    padding-bottom: 60px;
}
.venue-box {
    padding-top: 60px;
}

.venue-swiper-container{
    position: relative;
}

.venue-swiper-container .swiper-slide {
    width: 320px;
    height: 120px;
}

.venue-slide-imgs {
    width: 100%;
    height: 100%;
    position: relative;
    
}

.venue-slide-imgs img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 4px;;
}

.venue-title {
    text-align: center;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
}

.venue-swiper-container .swiper-button-prev,
.venue-swiper-container .swiper-button-next{
    width: 20px;
    height: 34px;
    background-size: 100%;
}

.venue-swiper-container .swiper-button-next {
    background-image:url(/image/arrow-right.png);
    right: -50px;
}

.venue-swiper-container .swiper-button-prev {
    background-image:url(/image/arrow-left.png);
    left: -50px;
}

.venue-swiper-container .swiper-button-next:focus,
.venue-swiper-container .swiper-button-prev:focus {
    outline: none;
}

.main-content {
    position: relative;
}
.prism-setting-btn,
.prism-cc-btn {
    display: none;
}

.bcommon a{
    height: 152px;
    display: block;
}
.bcommon img{
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}